<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>馫食光-购物车</title>
    <link rel="stylesheet" href="../statics/style/carts.css">
    <link rel="stylesheet" href="../statics/style/common.css">
    <script type="text/javascript" src="../statics/js/jquery-3.1.1.min.js"></script>
</head>
<body>
    <div id="container">
        <div class="carts">
            <div class="header-address">
                <div class="address">
                    <div class="icon">
                        <img src="../statics/img/center.address.png" alt="馫">
                    </div>
                    <div class="info">金山经济区</div>
                    <div class="down">
                        <img src="../statics/img/down.png" alt="馫">
                    </div>
                </div>
                <div class="edit">编辑</div>
            </div>
            <div class="tabs-date">
                <ul>
                    <li class="pass">今天配送</li>
                    <li>周日配送</li>
                    <li class="active">周一配送</li>
                    <li>周二配送</li>
                </ul>
            </div>
            <div class="tabs-time">
                <ul>
                    <li class="pass">17点前</li>
                    <li>08:00-11-30</li>
                    <li class="active">15:30-17:30</li>
                    <li>17:30-20:30</li>
                </ul>
            </div>
            <div class="without">
                <div class="logo-gray">
                    <img src="../statics/img/logo.jpg" alt="馫">
                </div>
                <div class="tips">您的购物车为空</div>
                <div class="go"><button>随便逛逛</button></div>
            </div>
            <div class="check">
                <div class="circle">
                    <div class="active"></div>
                </div>
                <div class="con">
                    <div class="amount">
                        <div class="item">商品金额：</div>
                        <div class="num">￥0.0</div>
                    </div>
                    <div class="trans">不含运费</div>
                </div>
                <div class="btn" id="check">结算(20)</div>
            </div>
        </div>
    </div>

    <script>
        $(function () {

            $(".tabs-date li").click(function () {
                $(this).addClass('active').siblings('li').removeClass('active');
                $(".tabs-time li").eq(0).addClass('active').siblings('li').removeClass('active');
            });

            $(".tabs-time li").click(function () {
                $(this).addClass('active').siblings('li').removeClass('active');
            });
        })
    </script>
</body>
</html>